.footer-wrap {
  display: flex;
  height: 100%;
  align-items: center;
  position: fixed;
  bottom: 0;
  width: 100%;
  border-top: rgb(225,225,225) solid 1px;
  background-color: rgb(246,246,248);
  padding: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 20;
  .footer-left {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 10px;
    
      .lyric-open-close{
        // display: none
        position: relative;
        font-size: 18px;
        .song-cover{
          display: flex;
        }
        .div-background{
          // transition: all 5s;
          left:0;
          top:0;
          position:absolute;
          width:100%;
          height:100%;
          display: none;
          background-color:rgba(100,100,100,0.6);
          color: rgb(220,219,219);
          font-size: 40px;
          .arrow-left-bottom{
            left: -8px;
            bottom: -8px;
            position: absolute;
          }
          .arrow-right-top{
            right: -8px;
            top: -8px;
            position: absolute;
          }
        }
        &:hover{
          .div-background{
            display: block;
          }
        }
      
    }
    
    .music-title-wrap {
      margin-left: 10px;
      p {
        margin-bottom: 0;
      }
    }
  }
  .footer-center {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    .music-control {
      flex: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 24px;
      color: rgb(49,49,50);
      width: 100%;
      flex-direction:column; 
      .music-control-top{
         display: inherit;
        align-items: center;
        justify-content: center;
        .music-control-play{
          font-size: 32px;
          margin:0 25px;
        }
      }
      .music-control-bottom{
        display: inherit;
        align-items: center;
        justify-content: center;
        width: 100%;
        .progress-sides{
          font-size: 14px;
          width: 15%; 
          display: inherit;
          align-items: center;
          justify-content: center;
        }
      }
    }
  }
  .footer-right {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    padding-right: 10px;
    .icon-margin{
      margin: 0 13px;
    }
  }
}


